body {
  width: 10rem;
  margin: 0 auto;
  padding-top: 1.506667rem;
  padding-bottom: 1.306667rem;
}
.header {
  display: flex;
  position: fixed;
  top: 0;
  z-index: 999;
  width: 10rem;
  height: 1.506667rem;
  padding: 0.333333rem 0;
  background-color: #fff;
}
.header .city {
  width: 1.76rem;
  padding-left: 0.413333rem;
  line-height: 0.853333rem;
  font-size: 0.32rem;
}
.header .search {
  position: relative;
  flex: 1;
}
.header .search i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0.426667rem;
  font-size: 0.32rem;
  color: #919191;
}
.header .search input {
  width: 100%;
  height: 100%;
  padding-left: 1.04rem;
  background-color: #f7f7f7;
  border-radius: 0.426667rem;
  font-size: 0.32rem;
}
.header .chat {
  width: 1.546667rem;
  background: url("../images/header_news.png") no-repeat 0.666667rem center;
  background-size: 0.48rem 0.48rem;
}
.banner {
  position: relative;
  height: 4.333333rem;
  padding: 0.04rem 0.4rem 0;
}
.banner ol {
  display: flex;
  justify-content: space-between;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0.546667rem;
  width: 0.973333rem;
  height: 0.066667rem;
}
.banner ol li {
  width: 0.16rem;
  height: 0.066667rem;
  background-color: #dedede;
  border-radius: 0.026667rem;
}
.banner ol li.active {
  width: 0.213333rem;
  background-color: #303030;
}
.rentnav {
  display: flex;
  justify-content: space-between;
  height: 3rem;
  padding: 0 0.4rem;
}
.rentnav a {
  width: 4.453333rem;
}
.discount {
  height: 9.2rem;
  padding: 0 0.4rem;
}
.discount .discount_title {
  display: flex;
  justify-content: space-between;
  height: 1.026667rem;
  font-size: 0.48rem;
  line-height: 0.48rem;
}
.discount .discount_title a {
  width: 0.186667rem;
  height: 0.346667rem;
  margin-top: 0.093333rem;
}
.discount .discount_content {
  display: flex;
  justify-content: space-between;
}
.discount .discount_content .item {
  width: 4.48rem;
}
.discount .discount_content .item .title {
  height: 0.573333rem;
  margin-top: 0.333333rem;
  font-size: 0.373333rem;
}
.discount .discount_content .item .size {
  height: 0.573333rem;
  color: #999999;
  font-size: 0.266667rem;
}
.discount .discount_content .item .price {
  height: 1.133333rem;
  color: #f39800;
  font-size: 0.32rem;
}
.recommend {
  padding: 0 0.4rem;
}
.recommend .recommend_title {
  display: flex;
  justify-content: space-between;
  height: 1.16rem;
  font-size: 0.48rem;
}
.recommend .recommend_title .category {
  display: flex;
  justify-content: space-between;
  width: 2rem;
  padding-top: 0.133333rem;
  margin-right: 0.48rem;
}
.recommend .recommend_title .category a {
  position: relative;
  font-size: 0.346667rem;
}
.recommend .recommend_title .category a.active {
  color: #000;
}
.recommend .recommend_title .category a.active::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0.413333rem;
  width: 0.266667rem;
  height: 0.08rem;
  background-color: #0d9eec;
  border-radius: 0.04rem;
}
.recommend .item {
  display: flex;
  justify-content: space-between;
  height: 3.04rem;
}
.recommend .item .item_img {
  width: 2.933333rem;
}
.recommend .item .item_content {
  width: 5.813333rem;
}
.recommend .item .item_content h3 {
  height: 0.546667rem;
  font-size: 0.346667rem;
}
.recommend .item .item_content .address {
  height: 0.506667rem;
  color: #a5a5a5;
  font-size: 0.28rem;
}
.recommend .item .item_content .route {
  height: 0.466667rem;
  color: #a5a5a5;
  font-size: 0.28rem;
}
.recommend .item .item_content .condition {
  display: flex;
  height: 0.64rem;
}
.recommend .item .item_content .condition span {
  width: 1.2rem;
  height: 0.426667rem;
  border: 0.013333rem solid #cfcfcf;
  margin-right: 0.293333rem;
  border-radius: 0.066667rem;
  color: #999999;
  font-size: 0.24rem;
  text-align: center;
  line-height: 0.4rem;
}
.recommend .item .item_content .price {
  color: #f49902;
  font-size: 0.266667rem;
}
.recommend .item .item_content .price strong {
  font-size: 0.293333rem;
}
.recommend .more {
  display: block;
  width: 6.933333rem;
  height: 0.986667rem;
  margin: 0 auto;
  margin-bottom: 0.626667rem;
  background-color: #f2f2f3;
  color: #999999;
  font-size: 0.32rem;
  text-align: center;
  line-height: 0.986667rem;
  border-radius: 0.493333rem;
}
.footer {
  position: fixed;
  bottom: 0;
  width: 10rem;
  height: 1.306667rem;
  background-color: #fff;
  box-shadow: 0 -0.053333rem 0.08rem 0 #eee;
}
.footer ul {
  display: flex;
}
.footer ul li {
  flex: 1;
}
.footer ul li a {
  display: block;
  padding-top: 0.2rem;
}
.footer ul li a img {
  width: 0.493333rem;
  margin: 0 auto;
}
.footer ul li a p {
  margin-top: 0.213333rem;
  font-size: 0.24rem;
  text-align: center;
}
.footer ul li.active p {
  color: #000;
}
